
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>404 | Lily Bearing</title>
    <link rel="shortcut icon" href="/lily.ico" type="image/x-icon" />
    <meta name="keywords" content="404 | Lily Bearing" />
    <meta name="description" content="404" />
    <meta name="title" content="404 | Lily Bearing" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"/>
    <meta name="applicable-device" content="pc,mobile">
        
    <link rel="canonical" href="https://www.lily-bearing.com/products/ccf-1-2-3423-bulk/" />
    <link rel="stylesheet" href="/static/css/swiper-bundle.min.css" media="all" />
    <link rel="stylesheet" href="/static/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="/static/css/public4.css" media="all" />
    <link rel="stylesheet" href="/static/css/nav2.css" media="all" />
    <link rel="stylesheet" href="/static/css/header.css" media="all" />
    <link rel="stylesheet" href="/static/css/header-es-search.css" media="all" />
    <link rel="stylesheet" href="/static/css/header-sp.css" media="all" />

    <!-- Google Tag Manager -->
    <script>
        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-53QZTLM');
    </script>
    <!-- End Google Tag Manager -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-Z0MD8PGCEB"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() {dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-Z0MD8PGCEB');
    </script>
    <!-- Global site tag (gtag.js) - Google Ads: 1016956908 -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1016956908"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'AW-1016956908', {'allow_enhanced_conversions': true});
        gtag('config', 'AW-10806041590');
    </script>
    <script>
        var enhanced_conversion_data;
        window.addEventListener('load', function () {
            document.querySelectorAll('button[type*="button"]').forEach(function(e){
                e.addEventListener('click',function(){

                    var name = document.getElementsByName("name")[0].value;
                    var email = document.getElementsByName("email")[0].value;
                    var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;

                    if (name != "" && email != "" && email.match(mailformat)) {
                        enhanced_conversion_data = { "email": email }
                        gtag('event', 'conversion', {'send_to': 'AW-1016956908/BKdJCLf-zP4CEOyP9uQD'});
                    };
                });
            });
        });
    </script>
    <script>
        var enhanced_conversion_data;
        window.addEventListener('load', function () {
            document.querySelectorAll('button[type*="button"]').forEach(function(e){
                e.addEventListener('click',function(){

                    var name = document.getElementsByName("name")[0].value;
                    var email = document.getElementsByName("email")[0].value;
                    var code = document.getElementsByName("code")[0].value;
                    var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;

                    if (name != "" && email != "" && code != " " && email.match(mailformat)) {
                        enhanced_conversion_data = { "email": email }
                        gtag('event', 'conversion', {'send_to': 'AW-1016956908/BKdJCLf-zP4CEOyP9uQD'});
                    };
                });
            });
        });
    </script>
    <!-- bing -->
    <script>
        (function(w,d,t,r,u)
        {
            var f,n,i;
            w[u]=w[u]||[],f=function()
            {
                var o={ti:" 56063651"};
                o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")
            },
                n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function()
            {
                var s=this.readyState;
                s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)
            },
                i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)
        })
        (window,document,"script","//bat.bing.com/bat.js","uetq");
    </script>

    <script>
        function uet_report_conversion() {
            window.uetq = window.uetq || [];
            window.uetq.push("event", "Chat", {"event_category":"LiveChat"});
        }
    </script>
    <!--end bing-->
    <script type="text/javascript">
        (function(c,l,a,r,i,t,y){
            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
        })(window, document, "clarity", "script", "cfkj4rwxs5");
    </script>
    <!-- anti-flicker snippet (recommended)  -->
    <style>.async-hide { opacity: 0 !important} </style>
    <script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date; h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
        (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;})(window,document.documentElement,'async-hide','dataLayer',4000,
        {'OPT-PNJ5QKF':true});
    </script>
    <script async src="https://www.googleoptimize.com/optimize.js?id=OPT-PNJ5QKF"></script>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-53QZTLM" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<!--导航-->
<nav class="main-nav" role="navigation">
    <div class="layui-container nav-body">
        <div class="header-content" style="position:relative;">
            <div class="caidan">
                <input id="main-menu-state" type="checkbox" style="display: none" />
                <label class="main-menu-btn" for="main-menu-state">
                    <span class="main-menu-btn-icon"></span> 菜单
                </label>
            </div>

            <div class="logo logoT header-logo" style="width: 10%;float:left;">
                <a href="/" class="nav-brand"><img src="https://image.lily-bearing.com/images/web/logo.png" style="aspect-ratio:4/3; object-fit:contain;" alt="LILY Bearing logo"/></a>
            </div>
            
            <div style="float: right;height: 30px;line-height:30px;" id='order_num_change_img_phone'>
                <a href="/order/" style="padding:0px;margin-top:3px"> <div id='order_num_change_phone' style="color:#ffffff;float:left;margin-top:3px;margin-right: -10px;"></div><img style="width:45px; aspect-ratio:4/3; object-fit:contain; " src="https://image.lily-bearing.com/images/web/gouwu.png" alt="gouwu"></a>
            </div>

            <div class="navigation-header" style="width: 90%;float:left;">
                <div class="navcontent">
                    <style type="text/css">
                        #selinfo{width: 180%}
                        #selinfo .left-ul-sear a{font: 12px/14px arial,helvetica,sans-serif;color:#333;text-decoration: none;}
                        #selinfo .left-ul-sear li:hover{background-color: #EFEFEF;}
                        #selinfo .left-ul-sear li{margin: 5px 0px;}
                        .left-ul-sear input:focus{
                            background-color: #36648a;
                            color: #ffffff;
                        }
                        #sear-right-tui .sear-right-tui-zi{
                            font: 12px/14px arial,helvetica,sans-serif;padding-bottom: 5px;border-bottom: 1px solid #ccc;min-height: 60px;display: flex;padding: 5px;
                        }
                        #sear-right-tui .sear-right-tui-zi .sear-right-tui-zi-img{
                            width:70px;align-self:center
                        }
                        #sear-right-tui .sear-right-tui-zi .sear-right-tui-zi-img img{
                            width:100%;
                        }
                        #sear-right-tui .sear-right-tui-zi .sear-right-tui-zi-content{
                            width: calc(100% - 70px);align-self:center;padding-left:10px
                        }
                    </style>
                    <div class="layui-form" id="searchform">
                        <div class="layui-input-block layui-col-sm12" style="position:relative;" >
                            <input onkeyup="searselnew()" type="text" id='sear' placeholder="Enter the content to search" autocomplete="off" class="layui-input input" />
                            <i class="layui-icon layui-icon-search" id='layui-icon-search' onclick='sear1()'></i>
                            <i onclick="closearnew()" class="layui-icon layui-icon-close" id='layui-icon-close' style="display:none"></i>
                            <div class="sear-tips-result" style="min-height: 100px;padding: 0px;display: none;" id='selinfo'>
                                <div style="display: flex">
                                    <div style="width: 40%;border-right: 1px solid #ccc;padding: 10px;">
                                        <h3 style="font: 12px/14px arial,helvetica,sans-serif;color: #72777d;">Suggestions</h3>
                                        <hr>
                                        <ul class='left-ul-sear' id='left-ul-sear'>

                                        </ul>
                                    </div>
                                    <div style="width: 60%;">


                                        <div id='sear-right-tui'>

                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <ul id="main-menu" class="sm sm-mint" style="float:right;position:relative;width:60%;">
                         
                        <li>
                                                        <a href="/product/">Products</a>
                                                        <ul style="border-radius:0px 5px 5px 5px;">
                                                                <li class='menua'><a href="/product/ball-bearing/">Ball Bearings</a></li>
                                                                <li class='menua'><a href="/product/slewing-ring-bearings/">Slewing Ring Bearings</a></li>
                                                                <li class='menua'><a href="/product/roller-bearings/">Roller Bearings</a></li>
                                                                <li class='menua'><a href="/product/cam-followers/">Cam Followers</a></li>
                                                                <li class='menua'><a href="/product/plain-bearings/">Plain Bearings</a></li>
                                                                <li class='menua'><a href="/product/linear-bearings/">Linear Bearings</a></li>
                                                                <li class='menua'><a href="/product/accessories/">Accessories</a></li>
                                                                <li class='menua'><a href="/product/custom-bearings/">Custom Bearings</a></li>
                                                                <li class='menua'><a href="/product/stainless-steel-bearings/">Stainless Steel Bearings</a></li>
                                                                <li class='menua'><a href="/product/ceramic-bearing/">Ceramic Bearings</a></li>
                                                                <li class='menua'><a href="/product/polyurethane-roller-bearings/">Polyurethane Rollers</a></li>
                                                                <li class='menua'><a href="/product/aerospace/">Aerospace Bearings</a></li>
                                                                <li class='menua'><a href="/product/gears/">Gears</a></li>
                                                                <li class='menua'><a href="/product/o-rings/">O-Rings</a></li>
                                                                <li class='menua'><a href="/product/applications/">Applications</a></li>
                                                                <li class='menua'><a href="/product/fastening-and-joining/">Fastening and Joining</a></li>
                                                                <!-- <div>
                                    <ul>
                                        <li>2323</li>
                                    </ul>
                                </div> -->
                            </ul>
                                                    </li>
                        <!-- <li class="Products-nav">
                            <a href="/products/">Products</a>
                            <ul style="border-radius:0px 5px 5px 5px;">
                                <li style="background-color:#F6F6F6;padding: 10px 20px;font-weight:bold;">Bearings & Components</li>
                                <li class='menua'><a href="/ball-bearing/">Ball Bearings</a></li>
                                <li class='menua'><a href="/slewing-ring-bearings/">Slewing Ring Bearings</a></li>
                                <li class='menua'><a href="/roller-bearings/">Roller Bearings</a></li>
                                <li class='menua'><a href="/cam-followers/">Cam Followers</a></li>
                                <li class='menua'><a href="/plain-bearings/">Plain Bearings</a></li>
                                <li class='menua'><a href="/custom-bearings/">Custom Bearings</a></li>
                                <li style="background-color:#F6F6F6;padding: 10px 20px;font-weight:bold;">Special Material</li>
                                <li class='menua'><a href="/stainless-steel-bearings/">Stainless Steel Bearings</a></li>
                                <li class='menua'><a href="/ceramic-bearing/">Ceramic Bearings</a></li>
                                <li style="background-color:#F6F6F6;padding: 10px 20px;font-weight:bold;">Other</li>
                                <li class='menua'><a href="/gears/">Gears</a></li>
                                <li class='menua'><a href="/o-rings/">O-Rings</a></li>
                            </ul>
                        </li> -->
                         
                        <li>
                                                        <a href="/about-us/">About Us</a>
                                                        <ul style="border-radius:0px 5px 5px 5px;">
                                                                <li class='menua'><a href="/about-us/about-us/">About Lily-Bearings</a></li>
                                                                <li class='menua'><a href="/about-us/why-lily/">Why Lily-Bearings</a></li>
                                                                <li class='menua'><a href="/about-us/distributor/">Become a Distributor</a></li>
                                                                <li class='menua'><a href="/about-us/affiliations/">Affiliations &amp; Associations</a></li>
                                                                <li class='menua'><a href="/about-us/public-benefit/">Public Benefit Activities</a></li>
                                                                <li class='menua'><a href="/about-us/careers/">Careers</a></li>
                                                                <!-- <div>
                                    <ul>
                                        <li>2323</li>
                                    </ul>
                                </div> -->
                            </ul>
                                                    </li>
                        <!-- <li class="Products-nav">
                            <a href="/products/">Products</a>
                            <ul style="border-radius:0px 5px 5px 5px;">
                                <li style="background-color:#F6F6F6;padding: 10px 20px;font-weight:bold;">Bearings & Components</li>
                                <li class='menua'><a href="/ball-bearing/">Ball Bearings</a></li>
                                <li class='menua'><a href="/slewing-ring-bearings/">Slewing Ring Bearings</a></li>
                                <li class='menua'><a href="/roller-bearings/">Roller Bearings</a></li>
                                <li class='menua'><a href="/cam-followers/">Cam Followers</a></li>
                                <li class='menua'><a href="/plain-bearings/">Plain Bearings</a></li>
                                <li class='menua'><a href="/custom-bearings/">Custom Bearings</a></li>
                                <li style="background-color:#F6F6F6;padding: 10px 20px;font-weight:bold;">Special Material</li>
                                <li class='menua'><a href="/stainless-steel-bearings/">Stainless Steel Bearings</a></li>
                                <li class='menua'><a href="/ceramic-bearing/">Ceramic Bearings</a></li>
                                <li style="background-color:#F6F6F6;padding: 10px 20px;font-weight:bold;">Other</li>
                                <li class='menua'><a href="/gears/">Gears</a></li>
                                <li class='menua'><a href="/o-rings/">O-Rings</a></li>
                            </ul>
                        </li> -->
                         
                        <li>
                                                        <a href="javascript:void(0);">Resources</a>
                                                        <ul style="border-radius:0px 5px 5px 5px;">
                                                                <li class='menua'><a href="/resources/application-solutions/">Industries And Applications</a></li>
                                                                <li class='menua'><a href="/resources/services/">Services</a></li>
                                                                <li class='menua'><a href="/resources/technology/">Technical Data Information</a></li>
                                                                <li class='menua'><a href="/resources/bearing-cross-reference/">Bearing Cross Reference</a></li>
                                                                <li class='menua'><a href="/resources/bearing-faqs/">Bearing FAQs</a></li>
                                                                <li class='menua'><a href="/resources/blog/">Blog</a></li>
                                                                <li class='menua'><a href="/resources/news-and-events/">News &amp; Events</a></li>
                                                                <li class='menua'><a href="/resources/videos/">Videos</a></li>
                                                                <li class='menua'><a href="/resources/downloads/">Catalogs and Brochures</a></li>
                                                                <!-- <div>
                                    <ul>
                                        <li>2323</li>
                                    </ul>
                                </div> -->
                            </ul>
                                                    </li>
                        <!-- <li class="Products-nav">
                            <a href="/products/">Products</a>
                            <ul style="border-radius:0px 5px 5px 5px;">
                                <li style="background-color:#F6F6F6;padding: 10px 20px;font-weight:bold;">Bearings & Components</li>
                                <li class='menua'><a href="/ball-bearing/">Ball Bearings</a></li>
                                <li class='menua'><a href="/slewing-ring-bearings/">Slewing Ring Bearings</a></li>
                                <li class='menua'><a href="/roller-bearings/">Roller Bearings</a></li>
                                <li class='menua'><a href="/cam-followers/">Cam Followers</a></li>
                                <li class='menua'><a href="/plain-bearings/">Plain Bearings</a></li>
                                <li class='menua'><a href="/custom-bearings/">Custom Bearings</a></li>
                                <li style="background-color:#F6F6F6;padding: 10px 20px;font-weight:bold;">Special Material</li>
                                <li class='menua'><a href="/stainless-steel-bearings/">Stainless Steel Bearings</a></li>
                                <li class='menua'><a href="/ceramic-bearing/">Ceramic Bearings</a></li>
                                <li style="background-color:#F6F6F6;padding: 10px 20px;font-weight:bold;">Other</li>
                                <li class='menua'><a href="/gears/">Gears</a></li>
                                <li class='menua'><a href="/o-rings/">O-Rings</a></li>
                            </ul>
                        </li> -->
                         
                        <li>
                                                        <a href="/contact-us/">Contact Us</a>
                                                    </li>
                        <!-- <li class="Products-nav">
                            <a href="/products/">Products</a>
                            <ul style="border-radius:0px 5px 5px 5px;">
                                <li style="background-color:#F6F6F6;padding: 10px 20px;font-weight:bold;">Bearings & Components</li>
                                <li class='menua'><a href="/ball-bearing/">Ball Bearings</a></li>
                                <li class='menua'><a href="/slewing-ring-bearings/">Slewing Ring Bearings</a></li>
                                <li class='menua'><a href="/roller-bearings/">Roller Bearings</a></li>
                                <li class='menua'><a href="/cam-followers/">Cam Followers</a></li>
                                <li class='menua'><a href="/plain-bearings/">Plain Bearings</a></li>
                                <li class='menua'><a href="/custom-bearings/">Custom Bearings</a></li>
                                <li style="background-color:#F6F6F6;padding: 10px 20px;font-weight:bold;">Special Material</li>
                                <li class='menua'><a href="/stainless-steel-bearings/">Stainless Steel Bearings</a></li>
                                <li class='menua'><a href="/ceramic-bearing/">Ceramic Bearings</a></li>
                                <li style="background-color:#F6F6F6;padding: 10px 20px;font-weight:bold;">Other</li>
                                <li class='menua'><a href="/gears/">Gears</a></li>
                                <li class='menua'><a href="/o-rings/">O-Rings</a></li>
                            </ul>
                        </li> -->
                                                <!-- <li>
                            <a href="javascript:void(0);">About Us</a>
                            <ul style="border-radius:0px 5px 5px 5px;">
                                <li class='menua'><a href="/about-us/">About Lily-Bearings</a></li>
                                <li class='menua'><a href="/about-us/why-lily/">Why Lily-Bearings</a></li>
                                <li class='menua'><a href="/about-us/distributor/">Become a Distributor</a></li>
                                <li class='menua'><a href="/about-us/affiliations/">Affiliations &#038; Associations</a></li>
                                <li class='menua'><a href="/about-us/public-benefit/">Public Benefit Activities</a></li>
                                <li class='menua'><a href="/about-us/careers/">Careers</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="javascript:void(0);">Resources</a>
                            <ul style="border-radius:0px 5px 5px 5px;">
                                <li class='menua'><a href="/application-solutions/">Industries And Applications</a></li>
                                <li class='menua'><a href="/services/">Services</a></li>
                                <li class='menua'><a href="/technology/">Technical Data Information</a></li>
                                <li class='menua'><a href="/bearing-cross-reference/">Bearing Cross Reference</a></li>
                                <li class='menua'><a href="/bearing-faqs/">Bearing FAQs</a></li>
                                <li class='menua'><a href="/blog/">Blog</a></li>
                                <li class='menua'><a href="/news-and-events/">News & Events</a></li>
                                <li class='menua'><a href="/videos/">Videos</a></li>
                                <li class='menua'><a href="/downloads/">Catalogs and Brochures</a></li>
                            </ul>
                        </li>
                       
                        <li><a href="/contact-us/">Contact Us</a></li> -->

                        
                        <li style="float: left;height: 30px;line-height:30px;" id='order_num_change_img'>
                            <a href="/order/" style="padding:0px;margin-top:3px"> <div id='order_num_change' style="color:#ffffff;float:left;margin-top:8px;margin-right: -10px;"></div><img style="aspect-ratio:2/1; object-fit:contain; width:45px;" src="https://image.lily-bearing.com/images/web/gouwu.png" alt="shopping cart"></a>
                        </li>
                       
                        
                        <li style="text-align:right;z-index:1">
                            <a href="/request-a-quote/" style="padding:0px;margin-top: -4px;">
                                <button class="layui-btn layui-btn-sm" style="background-color: #f7c542;color:black;font-weight:bold;border-radius:5px;height:45px;width: 180px;font-size: 15px;margin-left: 12px;">SEND INQUIRY</button>
                            </a>
                        </li>
                    </ul>
                    
                    <div class="wrapper-ordernotiflines" style="display: none;"></div>
                    <div class="clear"></div>
                </div>
            </div>
            <!-- WHD -->

            <div class="navigation-header-list">
                <a href="/products/">Products</a>
                <a href="/about-us/">About Us</a>
                <a href="/contact-us/">Contact Us</a>
            </div>
        </div>
        
        <div class='qlang' id='#qlang'>
            <div class='qlang-body'>
                <div onclick='lan_qihuan2()' class="qlang-first">
                    <span>EN</span>
                    <img src="https://image.lily-bearing.com/images/web/down3jiao.png" alt="down3jiao" style="aspect-ratio:4/3; object-fit:contain; " />
                    <div class='clear'></div>
                </div>
                <ul class="qlang-sechond" id='qlang-sechond'>
                    <li class='qlang-sechond-l1' id='qlang-sechond-l1'><a href="https://www.lily-bearing.com/"><i class="layui-icon layui-icon-ok" style='font-size:12px;'></i>EN</a></li>
                    <li class="qlang-sechond-l2" onMouseOut="qlang_hover_out()" onmouseover="qlang_hover()"><a href="https://www.lilybearing.com/"><i class="layui-icon layui-icon-ok" style='font-size:12px'></i>CN</a></li>
                </ul>
            </div>
        </div>
       
        <div class="clear"></div>

    </div>

</nav>


<!--end 导航-->



   <style>
        body {
      background: #e1e0de;
    }
    * {
      box-sizing: border-box;
    }
h1,
h2,
h3,
h4 {
  font-weight: 700 !important;
}
.layui-card-header {
  width: 100%;
  border-bottom: 1px solid #999 !important;
  padding-left: 5px;
}
.layui-card {
  padding: 10px 20px 50px;
}
p {
  margin: 0 0 10px !important;
}
.layui-container {
  padding: 0 !important;
}
img {
  max-width: 100%;
}
::-moz-selection {
  background: #cccccc;
  color: #ffffff;
}
::selection {
  background: #cccccc;
  color: #ffffff;
}
.layui-breadcrumb {
  padding-left: 5px;
}
.layui-card h1 {
  margin: 10px auto 0;
}
.description {
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0;
}

.layui-textarea {
  resize: none !important;
}

@media screen and (max-width: 800px) {
  .layui-card-header {
    line-height: normal !important;
    font-size: 10px !important;
  }
}

     
    .layui-card-body{
        padding: 10px 5px;
    }
.tijiao{background-color: #FDD702;font-weight: bold;border-radius: 5px;height: 30px;line-height: 30px;padding: 0 10px;}
.tijiao:hover{opacity: 0.7;}  
.layui-card-body .crelist{margin:5px 0px;}
.layui-card-body .crelist a{display:block;}
.layui-card-body .crelist a:hover{color:#36648A;}
.layui-card-body .crelist .plist{width: 95%;border:1px solid #ccc;border-radius: 8px;padding:10px;overflow:hidden}

.layui-card-body .crelist a:hover .plist{border:1.5px solid #36648A;}
.layui-card-body .crelist .plist img{width:100%;}
.jieshao{padding: 5px 0px}
.plist1{height: 100px}
.layui-card-body .crelist .plist .layui-col-sm9{font: 16px arial,helvetica,sans-serif;color: #333;line-height: 1.42857143;padding:5px;margin-top: 16px;} 
.des{
  margin-top:50px;font-weight:bold;font-size: 22px;font-family: arial black;
}
.pl{
  margin-top:50px;font-weight:bold;font: 14px arial,helvetica,sans-serif;letter-spacing:1px
}
.zong{
  width:80%;text-align:center;margin:20px auto;padding:5px
}
.zong h1{font-size: 80px;padding:10px 0px;color:#36648A;margin-top:50px;font-family: arial black;}
@media screen and (max-width: 800px) {
  .plist1 .layui-col-sm3 img{
    width: 50px !important;
    height: 30px !important;
  }
  .des{
    font-size: 16px;
    margin-top:20px;
  }
  .pl{
    margin-top:20px
  }
  .zong{
    margin:5px auto
  }
  .zong h1{
    margin-top:10px !important;
  }
} 

    </style>
<div class="layui-container" style='margin:102px auto 20px auto;font: 12px/14px arial,helvetica,sans-serif;'>
  <div class="layui-card" style="text-align:center;">
    <div class="zong">
          <h1 style="font-size: 80px;padding:10px 0px;color:#36648A;margin-top:50px;font-family: arial black;">404</h1>
          <div class="des">SORRY, WE CAN'T FIND THE PAGE YOU'RE LOOKING FOR.</div>

          <div class="pl">Please ask for help to our sales representative thru Live Chat, or find the specific bearing using our product catalog.</div>
          <div class="layui-card-body" style="margin-top: 30px">
            <div class="layui-row">
            
              <div>
                <div class="layui-col-sm4 layui-col-xs12 crelist">
                  <a href="/product/ball-bearing/">
                    <div class='plist plist1'>
                      <div class="layui-col-sm3"><img src="https://image.lily-bearing.com/images/class/1660286426284.jpg"></div>
                      <div class="layui-col-sm9">
                        Ball Bearings                      </div>
                    </div>  
                  </a>
                </div>
              </div>

              <div>
                <div class="layui-col-sm4 layui-col-xs12 crelist">
                  <a href="/product/slewing-ring-bearings/">
                    <div class='plist plist1'>
                      <div class="layui-col-sm3"><img src="https://image.lily-bearing.com/images/class/1660287255169.jpg"></div>
                      <div class="layui-col-sm9">
                        Slewing Ring Bearings                      </div>
                    </div>  
                  </a>
                </div>
              </div>

              <div>
                <div class="layui-col-sm4 layui-col-xs12 crelist">
                  <a href="/product/roller-bearings/">
                    <div class='plist plist1'>
                      <div class="layui-col-sm3"><img src="https://image.lily-bearing.com/images/class/1660287150334.png"></div>
                      <div class="layui-col-sm9">
                        Roller Bearings                      </div>
                    </div>  
                  </a>
                </div>
              </div>

              <div>
                <div class="layui-col-sm4 layui-col-xs12 crelist">
                  <a href="/product/cam-followers/">
                    <div class='plist plist1'>
                      <div class="layui-col-sm3"><img src="https://image.lily-bearing.com/images/class/1660286817847.jpg"></div>
                      <div class="layui-col-sm9">
                        Cam Followers                      </div>
                    </div>  
                  </a>
                </div>
              </div>

              <div>
                <div class="layui-col-sm4 layui-col-xs12 crelist">
                  <a href="/product/thk-linear-motion-guides/">
                    <div class='plist plist1'>
                      <div class="layui-col-sm3"><img src="https://image.lily-bearing.com/images/class/1660294528480.jpg"></div>
                      <div class="layui-col-sm9">
                        THK Linear Motion Guides                      </div>
                    </div>  
                  </a>
                </div>
              </div>

              <div>
                <div class="layui-col-sm4 layui-col-xs12 crelist">
                  <a href="/product/custom-bearings/custom-bearings/">
                    <div class='plist plist1'>
                      <div class="layui-col-sm3"><img src="https://image.lily-bearing.com/images/class/1660287528555.jpg"></div>
                      <div class="layui-col-sm9">
                        Custom Bearings                      </div>
                    </div>  
                  </a>
                </div>
              </div>
              <div>
                <div class="layui-col-sm4 layui-col-xs12 crelist">
                  <a href="/product/stainless-steel-bearings/">
                    <div class='plist plist1'>
                      <div class="layui-col-sm3"><img src="https://image.lily-bearing.com/images/class/1660287629078.png"></div>
                      <div class="layui-col-sm9">
                       Stainless Steel Bearings                      </div>
                    </div>  
                  </a>
                </div>
              </div>

              <div>
                <div class="layui-col-sm4 layui-col-xs12 crelist">
                  <a href="/product/ceramic-bearing/">
                    <div class='plist plist1'>
                      <div class="layui-col-sm3"><img src="https://image.lily-bearing.com/images/class/1660287939459.png"></div>
                      <div class="layui-col-sm9">
                        Ceramic Bearings                      </div>
                    </div>  
                  </a>
                </div>
              </div>
              <div>
                <div class="layui-col-sm4 layui-col-xs12 crelist">
                  <a href="/product/gears/">
                    <div class='plist plist1'>
                      <div class="layui-col-sm3"><img src="https://image.lily-bearing.com/images/class/1660287696646.png"></div>
                      <div class="layui-col-sm9">
                        Gears                      </div>
                    </div>  
                  </a>
                </div>
              </div>
            </div>
        </div>
      </div>
    </div>
</div>
 <!-- 添加订单成功 -->
<div id="addorder" style="width:25%;z-index:999;position:fixed;top:30%;left:40%;border-radius: 16px;box-shadow: 0 0 6px 3px rgba(0,0,0,.15);padding: 10px 20px;background-color: #e8edef;display:none;">
    <style type="text/css">
        .successfullyfrom-close-r{float:right}
        .successfullyfrom-close-r button{border:none;background-color: #FDD702;color:black;font-weight:bold;border-radius:5px;cursor:pointer;font-size:16px;padding:3px 6px;border-radius: 5px;}
        .successfullyfrom-close-r button:hover{background-color:#36648a;color:#ffffff}
        .successfullyfrom-close-b{padding:10px 12px;}
        .successfullyfrom-close-b button{border:none;background-color: #FDD702;color:black;font-weight:bold;border-radius:5px;cursor:pointer;font-size:16px;padding:5px 10px;border-radius: 5px;}
        .successfullyfrom-close-b button:hover{background-color:#36648a;color:#ffffff}
    </style>
    <div  class="successfullyfrom-close-r"><button type="button" onclick="close_successfullyfrom()">X</button></div>
    <h2 style="font-size:30px;color:#36648a;padding:20px 10px;line-height:32px;">Order Prompt</h2>
    <div style="font-size:16px;color:#79858e;padding:10px;line-height:20px;">The order is added successfully. You can click <a href="/order/">order</a> to pay or view</div>
    <div class="successfullyfrom-close-b"><button type="button" onclick="close_successfullyfrom()">close</button></div>
</div>
<!-- 脚部 -->
<style>
  @media screen and (min-width: 768px) {
    .zh-icon:hover .QRcode{
      display:block;
    }
  }
  .QRcode{
    width: 130px;  
    position: absolute;
    z-index: 99;
    display:none;
  }
  .zh-buttom-img{
    display: flex;
  }
  .zh-icon{
    margin: 0 5px;
  }
  .zh-icon a>img, .zh-icon>img{
    width: 80%;
    border-radius: 25%;
    aspect-ratio:1/1; 
    object-fit:contain;
  }
  .QRcode img{
    width: 80%;
  }
</style>
<footer>
 
  <div class="layui-container">
      <!-- 底部成功后弹出框 -->
      <div id="successfullyfrom_footer" style="width:25%;z-index:999;position:fixed;top:30%;left:40%;border-radius: 16px;box-shadow: 0 0 6px 3px rgba(0,0,0,.15);padding: 10px 20px;background-color: #e8edef;display: none;">
          <style type="text/css">
              .successfullyfrom-close-r{float:right}
              .successfullyfrom-close-r button{border:1px solid #36648a;cursor:pointer;font-size:16px;padding:3px 6px;color:#36648a;border-radius: 5px;}
              .successfullyfrom-close-r button:hover{border:1px solid #ffffff;color:#ffffff}
              .successfullyfrom-close-b{padding:10px 12px;}
              .successfullyfrom-close-b button{border:1px solid #36648a;cursor:pointer;font-size:16px;padding:5px 10px;color:#36648a;border-radius: 5px;}
              .successfullyfrom-close-b button:hover{background-color:#36648a;color:#ffffff}
          </style>
          <div  class="successfullyfrom-close-r"><button type="button" onclick="close_successfullyfrom_footer()">X</button></div>
          <h2 style="font-size:30px;color:#36648a;padding:20px 10px;line-height:32px;">Submitted</h2>
          <div style="font-size:16px;color:#79858e;padding:10px;line-height:20px;">Thank you for reaching out.</div>
          <div class="successfullyfrom-close-b"><button type="button" onclick="close_successfullyfrom_footer()">close</button></div>
      </div>
    <div class="layui-row footer-box">

      <div class="layui-col-sm5" style="padding-right:10px">

          <div class="layui-col-sm2 logo footer-logo">

            <a href="/"><img src="https://image.lily-bearing.com/images/web/logo.png" alt="logo" style="width:100%; aspect-ratio:4/3; object-fit:contain;"/></a>

          </div>

          <div class="layui-col-sm7" style="padding:10px 0px">

            <p style="font: 12px/14px arial,helvetica,sans-serif;line-height:24px;letter-spacing:1px">Address: Room 301, 6st Block, #525 Yuanjiang Road, Minhang District, Shanghai, China</p>

            <p style="font: 12px/14px arial,helvetica,sans-serif;line-height:24px;letter-spacing:1px">Email: <a class='email' href="mailto:lilybearing@lily-bearing.com">lilybearing@lily-bearing.com</a></p>

          </div>

          <div class="layui-col-sm3 footer-img-box" style="padding:15px 10px 10px 10px">
            <div class="layui-col-sm3">

              <a class="facebook" style="text-align:center;" href="https://www.facebook.com/lilybearingmanufacturing" target="_blank"><img style="width:100%; aspect-ratio:4/3; object-fit:contain;" src="https://image.lily-bearing.com/images/web/facebook.png" alt="facebook"/></a>

            </div>

            <div class="layui-col-sm3">

              <a class="linkedin" style="text-align:center;" href="https://www.linkedin.com/company/lily-bearing-manufacturing" target="_blank"><img style="width:100%; aspect-ratio:4/3; object-fit:contain;" src="https://image.lily-bearing.com/images/web/linkedin.png" alt="linkedin"/></a>

            </div>

            <div class="layui-col-sm3">

              <a class="twitter" style="text-align:center;" href="https://twitter.com/LilyBearingSh" target="_blank"><img style="width:100%; aspect-ratio:4/3; object-fit:contain;" src="https://image.lily-bearing.com/images/web/twitter.png" alt="twitter"/></a>

            </div>

            <div class="layui-col-sm3">

              <a class="youtube" style="text-align:center;" href="https://www.youtube.com/channel/UCFye_8J4Hbi1q3jS1U6YDrg" target="_blank"><img style="width:100%; aspect-ratio:4/3; object-fit:contain;" src="https://image.lily-bearing.com/images/web/youtube.png" alt="youtube"/></a>

            </div>
            
          </div>

          <div class="layui-col-sm12 footer-font" style="padding-bottom: 10px">

            <p style="font: 12px/14px arial,helvetica,sans-serif;line-height:24px;letter-spacing:1px">Creating value for customers is our core. Using this concept when serving customers, we will considering from the perspective of customers, rather than simply selling products. We provide customers with advanced services such as designing, model selection, pre-sales and after-sales services, using our professional knowledge and experiences in bearing industry over 20 years.</p>

          </div>  

        

      </div>
        <div class="layui-col-sm5" style="padding-right:10px;">
            <div class="layui-form-phone" >
                <div style='float:right;width:97%'>
                    <div class="layui-form">
                        <style type="text/css">
                            .layui-col-sm4{
                                position: static
                            }
                        </style>
                        <div class="layui-col-sm12" style="padding: 10px 10px">
                            <div style="float:left;width:20%;height: 20px;line-height: 20px;color: white;">Name<span style="color:white;font-size:18px">*</span>:</div>
                            <div class="layui-input-block" style="float:left;width:40%;height:20px">
                                <input type="text" name="footer_name" id="footer_name" autocomplete="off" class="layui-input" />
                            </div>
                        </div>
                        <div class="layui-col-sm12" style="padding: 10px 10px">
                            <div style="float:left;width:20%;height: 20px;line-height: 20px;color: white;">Email<span style="color:white;font-size:18px">*</span>:</div>
                            <div class="layui-input-block" style="float:left;width:40%;height:20px">
                                <input type="text" name="footer_email" id="footer_email" autocomplete="off" class="layui-input" />
                            </div>
                           
                        </div>
                        <div class="layui-col-sm12" style="padding: 10px 10px">

                            <div style="float:left;width:20%;height: 20px;line-height: 20px;color: white;">Phone<span
                                    style="color:white;font-size:18px">*</span>:</div>
                            <div class="layui-input-block" style="float:left;width:40%;height:20px">
                                <input type="text" name="footer_phone" id="footer_phone" autocomplete="off"
                                       class="layui-input" />
                            </div>

                        </div>


                        <div class="layui-col-sm12" style="padding: 10px 10px">
                            <div class="phone-comments" style="float:left;width:20%;height: 20px;line-height: 20px;color: white;">Comments</div>
                            <div class="layui-input-block phone-comments-input" style="float:left;width:60%;">
                                <textarea name="footer_comments" class="layui-textarea"></textarea>
                            </div>
                            <div class="layui-input-block button" style="float:left;margin-top: 40px;">
                                <button id='gform_submit_button_6' class="layui-btn btn " lay-filter="footer_formDemo"
                                        lay-submit type='button' style="color:black;background-color: #FDD702;font-weight: bold;border-radius: 5px;height: 30px;line-height: 30px;padding: 0 10px;">Submit</button>
                            </div>
                        </div>
                        <div class="layui-col-sm12 code-button-box" style="padding: 10px 10px">
                            <!-- 验证码 2-->
                                                        <div class="layui-form-item" id="code_div">
                                <div class="verification-code">
                                    <div style="float:left;width:20%;height: 20px;line-height: 20px;color: white;">code<span style="color:white;font-size:18px">*</span>:</div>
                                    <div class="layui-input-block" style="float:left;">
                                        <input class="verification-code-input layui-input" type="text" name="footer_code" style="float:left;width:80%;height:40px;padding: 6px 20px;"/>
                                    </div>
                                    <div class="verification-code-img">
                                        <img src="/index/xunpan/verify.html" style="margin-top: -7px;width: 30%;" id="code_img" onclick="this.src=this.src.split('?')[0] + '?'+new Date().getTime()" title="Click to change one" >
                                    </div>
                                </div>
                            </div>
                                                    </div>
                        <div class="layui-col-sm12 code-button" style="padding: 0px 10px">

                    </div>
                    </div>
                </div>
            </div>
        </div>

      <div class="layui-col-sm2 footer-link" style="padding-bottom:10px">

        <div>

          <h2 style="font: 18px arial,helvetica,sans-serif;">Quick Links</h2>

          <ul>

            <li style="padding-top:5px">

              <i class="layui-icon layui-icon-next" style="font-size:12px"></i>

              <a href="/about-us/" style="font: 12px/14px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">About Us</a>

            </li>

            <li style="padding-top:5px">

              <i class="layui-icon layui-icon-next" style="font-size:12px"></i>

              <a href="/contact-us/" style="font: 12px/14px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">Contact Us</a>

            </li>

            <li style="padding-top:5px">

              <i class="layui-icon layui-icon-next" style="font-size:12px"></i>

              <a href="/resources/blog/" style="font: 12px/14px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">Blog</a>

            </li>

            <li style="padding-top:5px">

              <i class="layui-icon layui-icon-next" style="font-size:12px"></i>

              <a href="/resources/technology/" style="font: 12px/14px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">Technology</a>

            </li>

            <li style="padding-top:5px">

              <i class="layui-icon layui-icon-next" style="font-size:12px"></i>

              <a href="/resources/downloads/" style="font: 12px/14px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">Downloads</a>

            </li>

            <li style="padding-top:5px">

              <i class="layui-icon layui-icon-next" style="font-size:12px"></i>

              <a href="/request-a-quote/" style="font: 12px/14px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">Request A Quote</a>

            </li>

            <li style="padding-top:5px">

              <i class="layui-icon layui-icon-next" style="font-size:12px"></i>

              <a href="/resources/rohs-reach-compliance/" style="font: 12px/14px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">RoHS & REACH Compliance</a>

            </li>

          </ul>
            <h2 style="font: 18px arial,helvetica,sans-serif;margin-top: 15px;">LILY Newsletter</h2>
            <p style="font: 12px/14px arial,helvetica,sans-serif;line-height:12px;color:#ffffff;letter-spacing:1px;margin-top: 10px;">Sign up to receive company,product and industry news.</p>
            <div  style="float:left;height:20px;margin-top: 10px;width:100%;">
                <input type="text" name="subscribe_email" id="subscribe_email" placeholder="Enter Email"  autocomplete="off" style="font: 12px/14px arial,helvetica,sans-serif;color:white;border: none;border-bottom: 1px solid #fff;background-color:black;cursor: text;color:white;width:100%;"/>
            </div>
            <button id='gform_submit_button_7' lay-filter="subscribe_formDemo"
                    lay-submit type='button' style="color:white;float: left;margin-left: -20px;margin-top:6px;border: none;background-color: black;"><img src="https://image.lily-bearing.com/images/web/rightarrow.png?t=1686822743" style="max-height: 15px;"/></button>
        </div> 

      </div>

    </div>

    <div style="clear:both;"></div> 

  </div>



  <div class="footer-bottom-box" style="background-color:#909799;height:40px;line-height:40px;">

    <div class="layui-container">

      <div class="layui-row" style="padding-bottom: 0px;">

        <div class="footer-bottom" style="width:80%" style="padding-bottom: 0px;">

         

            <div style="font: 12px/14px arial,helvetica,sans-serif;line-height:40px;float:left;letter-spacing:1px">© 2023 Lily Bearing • All Rights Reserved</div>

            <div style="float:left;margin-left:20px"><a href="/resources/privacy-policy/" style="font: 12px/14px arial,helvetica,sans-serif;line-height:40px;color:#ffffff;letter-spacing:1px">Privacy Policy</a></div>

            <div style="float:left;margin-left:20px"><a href="/resources/terms-conditions/" style="font: 12px/14px arial,helvetica,sans-serif;line-height:40px;color:#ffffff;letter-spacing:1px">Terms Conditions</a></div>
            

            <div style="clear: both;"></div>

         

        </div>

        <div style="clear: both;"></div>

      </div>

    </div>

  </div>

</footer>

<!-- end 脚部 -->
<script src="/static/js/jquery-2.1.4.min.js"></script>
<script src="/static/js/nav.js" type="text/javascript"></script><!--导航js-->

<script src="/static/layui/layui.js" charset="utf-8"></script>
<script src="/static/js/footer.js" type="text/javascript"></script>

<script src="/static/js/footer-us.js?t=1686822743" type="text/javascript"></script>

<script src="/static/js/footer-es.js?t=1686822743" type="text/javascript"></script>


<!-- 站外代码 -->

 <!-- Start of LiveChat (www.livechatinc.com) code -->
<script>
    var online_group_id='';
    function get_dynamic_configuration_group(){
      $.ajax({
        type: 'GET',
        url:"https://api.livechatinc.com/v3.5/customer/action/get_dynamic_configuration?license_id=3911741",
        async:false,
        success:function(res){
          if(res.online_group_ids.length<2){
            online_group_id=res.online_group_ids[0];
          }else{
            online_group_id=res.online_group_ids[1];
          }
        }
      });
      return online_group_id;
    }
    online_group_id=get_dynamic_configuration_group();
    window.__lc = window.__lc || {};
    window.__lc.license = 3911741;
    if(online_group_id!='0'){
      window.__lc.group = online_group_id;
    }
    ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))

      function liveChat_lily_click(){ /*主动唤起livechat*/
        LiveChatWidget.call('maximize');
      }
</script>

<noscript><a href="https://www.livechatinc.com/chat-with/3911741/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechatinc.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
<!-- End of LiveChat code -->

<!-- 触脉统计代码-->
 <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-9102388-1', 'auto'); 

    function getParam(p){
        var match = RegExp('[?&]' + p + '=([^&]*)').exec(window.location.search);
        return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
    }
    var gclid = getParam('gclid');
    ga('set', 'dimension4', gclid );
    ga('send', 'pageview');
</script>

<!-- Event snippet for Livechat(Adwords Tracking) conversion page

In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->

<script>
function gtag_report_conversion() {
  gtag('event', 'conversion', { 'send_to': 'AW-1016956908/GBYqCIn4qZMBEOyP9uQD'});
  ga('send','event','LiveChat', 'Chat', 'Group ID: {num}');
}
</script>

<!--ga代码开始-->
<span style="font-size: 12pt;">
<script type="text/javascript">
    function ajaxGet(url){
      $.ajaxSettings.async = false;
      ipify = $.get(url);
      return ipify.responseJSON
    }
    
    // // 获取客户端ip
    // url = 'https://api.ipify.org/?format=json' //无限制地使用它（即使您每分钟执行数百万个请求)
    // client = ajaxGet(url)
    // 从服务端获取客户端ip
    server_ip = "";
    if(server_ip=='' || server_ip.indexOf(':')!=-1 ){
      server_ip = "222.67.3.31"
    }
  
    try {
        ipnumber = 'Client:' + client.ip + '.741' +' || '+ 'Server:' + server_ip + '.741';
    }catch(e){
        try{ // 从客户端获取
          ipnumber= 'Client:' + client.ip + '.741';
        }catch(e){ // 从服务端获取
          ipnumber= 'Server:' + server_ip + '.741';
        }
    }
  </script>
  <!-- 测试代码 ga->gtag -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-Z0MD8PGCEB"></script>
  <script>
    var gclid = getParam('gclid');
    if(gclid!==null){
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
  
      gtag('config', 'G-Z0MD8PGCEB');
      gtag('event', 'page_view', {
        'send_to':  'G-Z0MD8PGCEB',
        'dimension5': ipnumber,
        'gclidd': gclid
      });
      console.log(ipnumber, gclid)
    }else{
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
  
      gtag('config', 'G-Z0MD8PGCEB');
      gtag('event', 'page_view', {
        'send_to':  'G-Z0MD8PGCEB',
        'dimension5': ipnumber,
      });
      console.log(ipnumber)
    }
  </script>
</span>
<!--ga代码结束-->
<script>
  var LC_API=LC_API||{};LC_API.on_chat_started=function(){
    console.log(1233333);
    gtag_report_conversion();
    gtag('event', 'conversion', {'send_to': 'AW-10806041590/-OAjCLmvioUDEPa33KAo'});
    uet_report_conversion();
  }
</script>
<script type="text/javascript">function setCookie(name,value,days){var date=new Date();date.setTime(date.getTime()+(days*24*60*60*1000));var expires=";expires="+date.toGMTString();document.cookie=name+"="+value+expires+";path=/"}if(gclid){var gclsrc=getParam('gclsrc');if(!gclsrc||gclsrc.indexOf('aw')!==-1){setCookie('gclid',gclid,90)}}</script>
<script type="text/javascript">function Base64(){_keyStr="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";this.encode=function(input){var output="";var chr1,chr2,chr3,enc1,enc2,enc3,enc4;var i=0;input=_utf8_encode(input);while(i<input.length){chr1=input.charCodeAt(i++);chr2=input.charCodeAt(i++);chr3=input.charCodeAt(i++);enc1=chr1>>2;enc2=((chr1&3)<<4)|(chr2>>4);enc3=((chr2&15)<<2)|(chr3>>6);enc4=chr3&63;if(isNaN(chr2)){enc3=enc4=64}else{if(isNaN(chr3)){enc4=64}}output=output+_keyStr.charAt(enc1)+_keyStr.charAt(enc2)+_keyStr.charAt(enc3)+_keyStr.charAt(enc4)}return output};this.decode=function(input){var output="";var chr1,chr2,chr3;var enc1,enc2,enc3,enc4;var i=0;input=input.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(i<input.length){enc1=_keyStr.indexOf(input.charAt(i++));enc2=_keyStr.indexOf(input.charAt(i++));enc3=_keyStr.indexOf(input.charAt(i++));enc4=_keyStr.indexOf(input.charAt(i++));chr1=(enc1<<2)|(enc2>>4);chr2=((enc2&15)<<4)|(enc3>>2);chr3=((enc3&3)<<6)|enc4;output=output+String.fromCharCode(chr1);if(enc3!=64){output=output+String.fromCharCode(chr2)}if(enc4!=64){output=output+String.fromCharCode(chr3)}}output=_utf8_decode(output);return output};_utf8_encode=function(string){string=string.replace(/\r\n/g,"\n");var utftext="";for(var n=0;n<string.length;n++){var c=string.charCodeAt(n);if(c<128){utftext+=String.fromCharCode(c)}else{if((c>127)&&(c<2048)){utftext+=String.fromCharCode((c>>6)|192);utftext+=String.fromCharCode((c&63)|128)}else{utftext+=String.fromCharCode((c>>12)|224);utftext+=String.fromCharCode(((c>>6)&63)|128);utftext+=String.fromCharCode((c&63)|128)}}}return utftext};_utf8_decode=function(utftext){var string="";var i=0;var c=c1=c2=0;while(i<utftext.length){c=utftext.charCodeAt(i);if(c<128){string+=String.fromCharCode(c);i++}else{if((c>191)&&(c<224)){c2=utftext.charCodeAt(i+1);string+=String.fromCharCode(((c&31)<<6)|(c2&63));i+=2}else{c2=utftext.charCodeAt(i+1);c3=utftext.charCodeAt(i+2);string+=String.fromCharCode(((c&15)<<12)|((c2&63)<<6)|(c3&63));i+=3}}}return string}};</script>
<script type="text/javascript">
    var cb=function(){
        var l=document.createElement("link");
        l.rel="stylesheet";
        // l.href="https://www.lily-bearing.com/wp-content/themes/theme/front/dist/styles/font-awesome.min.css";
        var h=document.getElementsByTagName("head")[0];
        h.parentNode.insertBefore(l,h)};
        var raf=requestAnimationFrame||mozRequestAnimationFrame||webkitRequestAnimationFrame||msRequestAnimationFrame;
        if(raf){raf(cb)}else{window.addEventListener("load",cb)};
</script>
<script type="text/javascript">
    $(function(){
        var cartloaded = false;
        $("#order_num_change_img").hover(function(){
            if(!cartloaded){
                $.ajax({
                    url: "/payment/Addorder/order_ajax.html",/*传向后台服务器文件*/
                    type: 'POST',    /*传递方法 */
                    dataType: 'json',  //传递数据的格式
                    async: true, //这是重要的一步，防止重复提交的
                    cache: false,  //设置为false，上传文件不需要缓存。
                    contentType: false,//设置为false,因为是构造的FormData对象,所以这里设置为false。
                    processData: false,//设置为false,因为data值是FormData对象，不需要对数据做处理。

                    success: function (res){
                        if(res.status==1){
                            var h = '';
                            h += '<div class="ordernotiflines">';
                            $.each(res.cookiedata,function (index,el){
                                h += '<a class="product-link" href="'+el.url+'"><div class="product-body">';
                                h += '<div class="product-image"><img style="width: 50px;height: 45px;" src="'+el.img+'" alt="product-image"></div>';
                                h += '<div class="product-name-and-desc"><div class="product-name">'+el.Product_Number+'</div></div>';
                                h += '<div class="product-quantity">'+el.Price+'</div>';
                                h += '<div class="product-quantity">'+el.num+'</div>';
                                h += '</div></a>';
                            });
                            h += '</div><div class="view-order"><a href="/order/">View Order</a></div>';
                            $(".wrapper-ordernotiflines").empty();
                            $(".wrapper-ordernotiflines").append(h);
                            cartloaded = true;
                        }
                    }
                });
            }
            if(cartloaded) {
                $(".wrapper-ordernotiflines").show();
            }
            return false;
        },function (){
            if(cartloaded) {
                $(".wrapper-ordernotiflines").hide();
            }
        });
        $(".wrapper-ordernotiflines").hover(function (){
            if(cartloaded){
                $(".wrapper-ordernotiflines").show();
            }
        },function (){
            if(cartloaded){
                $(".wrapper-ordernotiflines").hide();
            }
        })
    });
</script>
<script>
  var userip='222.67.3.31';
  $(".email").click(function(){ ga('send','event','PC_Email','click::Email','Email');});
  $(".logo").click(function(){ ga('send','event','PC_topnavigation','click::logo','nav_logo')});

  $("#gform_submit_button_1").click(function(){
    var names=$.trim($("input[name='name']").val());
    var emails=$.trim($("input[name='email']").val());
    var b=new Base64();
    ga('send','event','PC_Request A Quote','Submit',{'dimension1':b.encode(names),'dimension2':b.encode(emails),'ipnum':userip})
  });

  $("#gform_submit_button_2").click(function(){
    var names=$.trim($("input[name='name']").val());
    var emails=$.trim($("input[name='email']").val());
    var b=new Base64();
    ga('send','event','PC_Request A Quote','Submit',{'dimension1':b.encode(names),'dimension2':b.encode(emails),'ipnum':userip})
  });

  $("#gform_submit_button_3").click(function(){
    var names=$.trim($("input[name='name']").val());
    var emails=$.trim($("input[name='email']").val());
    var b=new Base64();
    ga('send','event','PC_Request A Quote','Submit',{'dimension1':b.encode(names),'dimension2':b.encode(emails),'ipnum':userip});
    console.log(userip);
  });

  $("#gform_submit_button_4").click(function(){
    var names=$.trim($("input[name='name']").val());
    var emails=$.trim($("input[name='email']").val());
    var company=$.trim($("input[name='company']").val());
    var country=$.trim($("select[name='country'] option:selected").val());
    var main_products=$.trim($("input[name='main_products']").val());
    var comments=$.trim($("textarea[name='comments']").val());
    var b=new Base64();
    ga('send','event','PC_Request A Quote','Submit',{'dimension1':b.encode(names),'dimension2':b.encode(emails),'dimension3':b.encode(company),'dimension4':b.encode(country),'dimension5':b.encode(main_products),'dimension6':b.encode(comments),'ipnum':userip})
  });

  $("#gform_submit_button_5").click(function(){
    var names=$.trim($("input[name='name']").val());
    var numbers=$.trim($("input[name='phone']").val());
    var emails=$.trim($("input[name='email']").val());
    var b=new Base64();
    ga('send','event','PC_Request A Quote','Submit',{'dimension1':b.encode(names),'dimension2':b.encode(emails),'dimension3':b.encode(numbers),'ipnum':userip})
  });
  $("#gform_submit_button_6").click(function(){
      var names=$.trim($("input[name='footer_name']").val());
      var emails=$.trim($("input[name='footer_email']").val());
      var numbers=$.trim($("input[name='footer_phone']").val());
      var comments=$.trim($("textarea[name='footer_comments']").val());
      var b=new Base64();
      ga('send','event','PC_Request A Quote','Submit',{'dimension1':b.encode(names),'dimension2':b.encode(emails),'ipnum':userip})
  });
  $("#gform_submit_button_7").click(function(){

      var emails=$.trim($("input[name='subscribe_email']").val());
      var b=new Base64();
      ga('send','event','PC_Request Subscribe Email','Submit',{'dimension1':b.encode(emails),'ipnum':userip})
  });

  var stop=0;$(".menu-item").click(function(){var classchar=$(this).attr('class');if(stop==0){classchar=classchar.substr(classchar.length-5,5);dada(classchar)}stop=1});var stop1=0;$(".cat-item").click(function(){if(stop1==0){var arr1=new Array('Ball Bearings','Ceramic Bearings','Needle Roller Bearings','inless Steel Bearings','Tapersd Roller Bearings','Custom Bearings');var v1=$(this).find("a").first().html();var aa=arr1.indexOf(v1);if(aa>=0){ga('send','event','PC_rightonlinecatalog',v1,'Lv1_'+v1)}else{var v2=$(this).parents('.current-cat-ancestor').find("a").first().html();var ll=3;if($(this).children('ul').length!=0||$(this).parent('.current-cat-parent').length!=0||$(this).parent('.current-cat-ancestor').length!=0){var ll=2}if(!v2){var v2=$(this).parents('.current-cat').find("a").first().html();var ll=2}ga('send','event','PC_rightonlinecatalog',v2,'Lv'+ll+'_'+v1)}}stop1=1});

  </script>
<script type="text/javascript">
    layui.use('form', function(){
        var form = layui.form;

        form.on('submit(footer_formDemo)', function(data){
            var index = layer.load(1, { shade: [0.1,'#fff'] });
            var name=$.trim($("input[name='footer_name']").val());
            var email=$.trim($("input[name='footer_email']").val());
            var phone=$.trim($("input[name='footer_phone']").val());
            var code = $.trim($("input[name='footer_code']").val());
            var comments=$.trim($("textarea[name='footer_comments']").val());
            var company='';
            var Product_Number='';

            var lasturl='';/*上一个页面的url 不能在ajax里面书写这样就多了一层页面关系*/
            var nowurl=window.location.href;/*当前页面url*/
            var formData = new FormData();
            formData.append('name', name);
            formData.append('email', email);
            formData.append('phone', phone);
            formData.append('comments', comments);
            formData.append('lasturl', lasturl);
            formData.append('nowurl', nowurl);
            formData.append('code', code);
            formData.append('Product_Number', Product_Number);
            formData.append('company', company);

            $.ajax({
                url: "/index/xunpan/send_inquiry.html",/*传向后台服务器文件*/
                type: 'POST',    /*传递方法 */
                data: formData,  /*要带的值，在这里只能带一个formdata ，不可以增加其他*/
                dataType: 'json',  //传递数据的格式
                async: true, //这是重要的一步，防止重复提交的
                cache: false,  //设置为false，上传文件不需要缓存。
                contentType: false,//设置为false,因为是构造的FormData对象,所以这里设置为false。
                processData: false,//设置为false,因为data值是FormData对象，不需要对数据做处理。

                success: function (res){
                    if(res.status==1){
                        layer.closeAll('loading');
                        $(".layui-form input").each(function(){
                            $(this).val('');
                        })
                        $(".layui-textarea").val('');
                        $('#successfullyfrom_footer').css('display','block');
                        return false;
                    }else{
                        layer.closeAll('loading');
                        if(res.name!='no'){
                            layer.tips(res.msg, '#'+res.name.replace("form","footer_"), {
                                tips: [1, '#5FB878'],
                                area: ['200px', 'auto']
                            });
                        }else{
                            layer.msg(res.msg, {
                                time: 2000,
                                icon: 5
                            });
                        }
                    }
                }
            });

            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });
    })
</script>
<script type="text/javascript">
    layui.use('form', function(){
        var form = layui.form;

        form.on('submit(subscribe_formDemo)', function(data){
            var email=$.trim($("input[name='subscribe_email']").val());
            var formData = new FormData();
            formData.append('email', email);

            $.ajax({
                url: "/index/xunpan/subscribe_email.html",/*传向后台服务器文件*/
                type: 'POST',    /*传递方法 */
                data: formData,  /*要带的值，在这里只能带一个formdata ，不可以增加其他*/
                dataType: 'json',  //传递数据的格式
                async: true, //这是重要的一步，防止重复提交的
                cache: false,  //设置为false，上传文件不需要缓存。
                contentType: false,//设置为false,因为是构造的FormData对象,所以这里设置为false。
                processData: false,//设置为false,因为data值是FormData对象，不需要对数据做处理。

                success: function (res){
                    if(res.status==1){
                        layer.closeAll('loading');
                        $("input[name='subscribe_email']").val('');
                        $('#successfullyfrom_footer').css('display','block');
                        return false;
                    }else{
                        layer.closeAll('loading');
                        if(res.name!='no'){
                            layer.tips(res.msg, '#'+res.name, {
                                tips: [1, '#5FB878'],
                                area: ['200px', 'auto']
                            });
                        }else{
                            layer.msg(res.msg, {
                                time: 2000,
                                icon: 5
                            });
                        }
                    }
                }
            });

            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });
    })
    function close_successfullyfrom_footer(){
        $('#successfullyfrom_footer').css('display','none');
    }
</script>

  </body>

</html>
